<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>已通过安全检测</title>
		<link rel="shortcut icon" href="https://ncstatic.clewm.net/rsrc/2024/0811/00/900e2b9ca055e10a5e684ee0b19735cb.png">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
		<style>
			/* 全局样式 */
			body {
				margin: 0;
				padding: 0;
				font-family: Arial, sans-serif;
				background: #f4f4f4;
				color: #333;
				box-sizing: border-box;
			}

			/* 容器样式 */
			.wrap {
				text-align: center;
				margin: 0 auto;
				padding: 10px;
			}

			.wrap img {
				width: 100%;
				max-width: 100%;
				margin-bottom: 10px;
				border-radius: 8px;
				box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
			}

			/* 按钮样式 */
			.btn-down img {
				width: 100%;
				max-width: 280px;
				cursor: pointer;
				border-radius: 8px;
				transition: transform 0.2s ease-in-out;
			}

			.btn-down img:hover {
				transform: scale(1.05);
			}

			/* 底部按钮样式 */
			.bottom-link {
				display: block;
				width: calc(100% - 20px);
				margin: 20px auto;
				padding: 15px;
				font-size: 16px;
				font-weight: bold;
				text-align: center;
				color: #fff;
				background: linear-gradient(to right, #fc6b2a, #ff0000);
				border-radius: 8px;
				text-decoration: none;
				box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
				transition: background 0.3s ease;
			}

			.bottom-link:hover {
				background: linear-gradient(to right, #ff0000, #fc6b2a);
			}

			/* 弹窗样式 */
			.mask-box {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.7);
				display: none;
				justify-content: center;
				align-items: center;
				z-index: 1000;
			}

			.mask-box-sm {
				width: 90%;
				max-width: 300px;
				background: #fff;
				padding: 20px;
				border-radius: 8px;
				text-align: center;
				box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
				position: relative;
			}

			.mask-box-sm i {
				position: absolute;
				top: 10px;
				right: 10px;
				font-size: 18px;
				color: #999;
				cursor: pointer;
			}

			.mask-box-tt {
				font-size: 16px;
				font-weight: bold;
				color: #333;
				margin-bottom: 10px;
			}

			.ewm-box img {
				width: 100%;
				max-width: 180px;
				border-radius: 8px;
			}

			/* 浮动消息样式 */
			.toast {
				position: fixed;
				width: calc(100% - 40px);
				max-width: 400px;
				left: 50%;
				transform: translateX(-50%);
				bottom: 20px;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;
				padding: 10px;
				font-size: 14px;
				text-align: center;
				border-radius: 8px;
				box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
				display: none;
			}

			.toast-item {
				font-size: 14px;
				letter-spacing: 1px;
			}

			@keyframes fadeIn {
				0% {
					opacity: 0;
					bottom: 0px;
				}
				60% {
					opacity: 1;
					bottom: 30px;
				}
				100% {
					opacity: 0;
					bottom: 50px;
				}
			}

			.fadeIn {
				animation: fadeIn 3.5s ease-in-out;
			}

			/* 响应式优化 */
			@media screen and (max-width: 600px) {
				body {
					font-size: 14px;
				}

				.bottom-link {
					font-size: 14px;
					padding: 12px;
				}

				.mask-box-sm {
					width: 90%;
					padding: 15px;
				}

				.ewm-box img {
					max-width: 150px;
				}

				.btn-down img {
					max-width: 240px;
				}
			}
		</style>
	</head>
	
	<body>
		<div class="wrap">
			<img src="https://ncstatic.clewm.net/rsrc/2024/0506/21/d438c848690d168716a7f9be623b5f1f.jpg">
			<img src="https://ncstatic.clewm.net/rsrc/2024/0809/19/dc3fed4c5ce78487027743904e03e7d7.jpg">
			
			<a href="https://pan.xunlei.com/s/VOBzMpK7bH8Qay0_XqcgLZxvA1?pwd=yjb2#" class="btn-down">
				<img src="https://ncstatic.clewm.net/rsrc/2024/0809/19/19f114149942b22abe36fb58d0bde803.jpg">
			</a>
			
			<img src="https://ncstatic.clewm.net/rsrc/2024/0509/04/d2b56c90ce077684684e27cd325eefa3.jpg">
			<img src="https://ncstatic.clewm.net/rsrc/2024/0506/21/7c4ffc5cc3aa6f6b4ebc5a3915c8a33b.jpg">
			<img src="https://ncstatic.clewm.net/rsrc/2024/0506/21/02e04c30332c277a760d4f77af1cf97a.jpg">
		</div>
		
		<a href="https://pan.xunlei.com/s/VOBzMpK7bH8Qay0_XqcgLZxvA1?pwd=yjb2#" class="bottom-link">立即转存至网盘</a>
	
		<div class="mask-box">
			<div class="mask-box-sm">
				<i class="fas fa-times"></i>
				<div class="mask-box-tt">项目咨询<br><span>微信扫码添加</span></div>
				<div class="ewm-box">
					<img src="https://ncstatic.clewm.net/rsrc/2024/0422/01/19bdc31ce56541b48011380e3a395f63.png">
				</div>
			</div>
		</div>
	
		<div class="toast fadeIn" id="toast">
			<div class="toast-item"></div>
		</div>
		
		<script>
			function toUrl(url, msg = '') {
				if (msg) {
					alert(msg);
				}
				return window.location = url;
			}

			document.querySelector('.mask-box-sm i').addEventListener('click', function () {
				document.querySelector('.mask-box').style.display = 'none';
			});

			document.addEventListener('contextmenu', function(e) {
				e.preventDefault();
			});
		</script>
	</body>
</html>
